/* 招纳 */
<template>
  <div class="recruit">
    <Row style="margin-bottom:20px">
      <Col :lg="5">
        <Input placeholder="工作地点"></Input>
      </Col>
      <Col :lg="5" offset="12">
        <!-- <Select v-model="all" clearable placeholder="全部">
          <Option v-for="item in allItem" :value="item.value">{{item.value}}</Option>
        </Select> -->
      </Col>
      <Col :lg="2">
        <Button type="primary" icon="ios-search"></Button>
      </Col>
    </Row>
    <Row>
      <Col :lg="24">
        <Table stripe :columns="columns1" :data="data1"></Table>
      </Col>
    </Row>
    <Row style="padding:20px;text-align:center">
      <Col :lg="24">
        <Page :total="100" prev-text="上一页" next-text="下一页" />
      </Col>
    </Row>
  </div>
</template>

<script>
import expandRow from "./table-expand.vue";
export default {
  data() {
    return {
      components: { expandRow },
      all: [],
      allItem: [{ value: "a" }, { value: "b" }],
      columns1: [
        {
          type: "expand",
          width: 50,
          render: (h, params) => {
            return h(expandRow, {
              props: {
                row: params.row
              }
            });
          }
        },
        {
          title: "职位名称",
          key: "position"
        },
        {
          title: "职位类别",
          key: "class"
        },
        {
          title: "工作地点",
          key: "site"
        },
        {
          title: "招聘人数",
          key: "numberofPeople"
        },
        {
          title: "更新时间",
          key: "timer"
        }
      ],
      data1: [
        {
          position: "进口红酒门店店长",
          class: "运营类",
          site: "北京-东城区",
          numberofPeople: "1",
          timer: "2018-9-18",
          zz:
            "1、负责小视频平台的日常运营和内容质量工作，如国内外优质视频挖掘，视频专题策划，内容产出2、通过数据标注与数据分析，监测平台视频质量，优化视频模型；3、根据平台现况，对平台生态策略进行优化迭代；4、与产品、研发、营销同事协同合作，提升工作效率。"
        },
        {
          position: "进口红酒门店店长",
          class: "运营类",
          site: "北京-东城区",
          numberofPeople: "1",
          timer: "2018-9-18",
          zz:
            "1、负责小视频平台的日常运营和内容质量工作，如国内外优质视频挖掘，视频专题策划，内容产出2、通过数据标注与数据分析，监测平台视频质量，优化视频模型；3、根据平台现况，对平台生态策略进行优化迭代；4、与产品、研发、营销同事协同合作，提升工作效率。"
        },
        {
          position: "进口红酒门店店长",
          class: "运营类",
          site: "北京-东城区",
          numberofPeople: "1",
          timer: "2018-9-18",
          zz:
            "1、负责小视频平台的日常运营和内容质量工作，如国内外优质视频挖掘，视频专题策划，内容产出2、通过数据标注与数据分析，监测平台视频质量，优化视频模型；3、根据平台现况，对平台生态策略进行优化迭代；4、与产品、研发、营销同事协同合作，提升工作效率。"
        },
        {
          position: "进口红酒门店店长",
          class: "运营类",
          site: "北京-东城区",
          numberofPeople: "1",
          timer: "2018-9-18",
          zz:
            "1、负责小视频平台的日常运营和内容质量工作，如国内外优质视频挖掘，视频专题策划，内容产出2、通过数据标注与数据分析，监测平台视频质量，优化视频模型；3、根据平台现况，对平台生态策略进行优化迭代；4、与产品、研发、营销同事协同合作，提升工作效率。"
        },
      ]
    };
  }
};
</script>

<style scoped>
</style>